<script setup>
import Content from "@/views/say/components/content.vue";
import PageBack from "@/components/common/pageBack/pageBack.vue";
import PageTitle from "@/components/common/pageTitle/pageTitle.vue";
</script>

<template>
  <article>
    <!-- 页面背景 -->
    <PageBack video="/2023/12/16/chun-zhi.mp4"></PageBack>
    <!-- 封面 -->
    <div class="say-head">
      <PageTitle class="PageTitle" video="/2023/12/16/chun-zhi.mp4" title="每日一说"></PageTitle>
    </div>
    <div class="say-wrap">
      <Content></Content>
    </div>
  </article>
</template>

<style scoped lang="less">
article {
  width: 100%;
  height: 100%;

  .say-head {
    position: relative;
    top: 80px;
    height: 500px;
    margin-bottom: 50px;

    .PageTitle {
      margin: 0 auto;
    }
  }

  .say-wrap {
    margin: 0 auto;
    width: 1200px;
    flex-direction: column;
  }
}
</style>